<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<meta charset="UTF-8">
<head>
    <title>SignInOff</title>
    <style>
        .soup1{
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: none;
            color: white;
            background-color:  #ff413c;
        }
        .soup2{
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: none;
            color: white;
            background-color: #78eaf1;
        }
        .hh1{
            text-align: center;
            color: cyan;
            font-size: 50px;
        }
        input:hover{
            color: cyan;
            background-color: #00aa00;
        }
    </style>
    <script>
        var ch;
        function change(ch){
            document.getElementById("one").value=ch;
        }
    </script>
</head>
<body>
<div><h1 class="hh1">签到与签离界面</h1></div>
<br>
<br>
<br>
<br>
<form action="SignIn" method="post">
    <table align="center">
        <tr>
            <td colspan="2"><input type="text" name="idstatus" hidden="hidden" value="" id="one"></td>
        </tr>
        <tr>
            <td>输入用户id:</td><td><input type="text" name="idtext" placeholder="id号" style="background-color: white;color: black"></td>
        </tr>
        <tr>
            <td><input type="submit" value="签到" class="soup1" onclick=change("签到")></td>
            <td align="center"><input type="submit" value="签离" class="soup2" onclick=change("签离")></td>
        </tr>
    </table>
</form>
</body>
</html>
